/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, form, label, legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html  { min-height:101%; }
code, kbd, samp, pre, tt, var { font-family: monaco, "Lucida Console", courier, monospace; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* BASIC TYPOGRAPHY */

html { font-size: 62.5%; font-family: "Arial, Liberation Sans", Helvetica, sans-serif; }
.container { line-height: 1.5em; font-size:1.2em; }

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: 700; }

p { padding-bottom:1.5em;color:#111; word-spacing:0.08em; letter-spacing:0.03em; }
p.img { margin: 0 0 1.5em 0; padding: 0;}
p img { margin: 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em;  }

h1,h2{ font-weight:normal; color: #333; font-family:"Arial, Liberation Sans", Helvetica, sans-serif; letter-spacing: 2px; word-spacing:0.1em;  }
h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:"Arial, Liberation Sans", Helvetica, sans-serif; }

h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-top: 0.554em; margin-bottom:0.6em; }

ul { margin: 0 1.5em 1.5em 1.5em; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 2.5em 1.5em 2.5em; }

li ul, li ol  { margin:0 1.5em; }
ol ol, ul ol { margin-left: 2.5em; }
ul li { margin-left: .75em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }

dl { margin: 0 0 1.5em 0; }
dt { font-weight: bold; margin-top: 1.5em; }
dd { margin-left: 1.5em; }
dd ul {margin-left:0;}

/* TABLE */
table {  margin-bottom: 1.5em; table-layout: fixed;}
tr, th, td { margin:0; }
caption { text-align:center; font-family:Georgia, serif;  }

/* QUOTES */

blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
blockquote *:first-child { margin: .75em 0; }
blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic; }

/*FORMS*/
label {margin-right:1em;}
input[type='checkbox'] { margin-right:1em;}


/* LINK */

a { text-decoration: none; color: #0000ff; }
a:visited { text-decoration: none;}
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus {color: #0000ff; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* 24 COLUMN GRID */
.wrapper {margin:0; background:transparent;}
.container {margin:0px;}

div.reset { float:none; margin:0;}

.zi1{ z-index:1;} .zi2{ z-index:2;} .zi3{ z-index:3;} .zi4{ z-index:4;} .zi5{ z-index:5;}
.bgt { background:transparent}
.bgf { background:#fff;}
.bg0 { background:#000;}

hr.space {background:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.clearl{clear:left;}

/* other */

.relative { position: relative; }
.l { float:left;}
.r { float:right; }
.hidden { display:none; }
.larger { font-size:1.3em;}
.small {font-size:.8em !important;}
.normal{ font-weight:normal; }
.box { margin:1.5em; padding:1.5em;}
.txtr { text-align:right !important; }
.txtl { text-align:left !important; }
.txtc { text-align:center !important; }
.ns { margin:0;padding:0;}
.s5 {margin-bottom:.5em;padding:0;}
.rs5 { margin-right:.5em;}
.bs5{ margin-bottom:.5em;}